<template>
  <div class="about">
    <h1>element仪表盘测试</h1>
    <pro type="dashboard" :percentage="percentage" :color="colors" />
    <el-button type="primary" size="default">点击</el-button>
    <el-button type="primary" size="default">点击</el-button>
    
  </div>
</template>

<script>
import pro from '../components/About.vue';
export default {
  name: 'test',
  data(){
    return {
      percentage: 300,
        colors: [
          {color: '#f56c6c', percentage: 20},
          {color: '#e6a23c', percentage: 40},
          {color: '#5cb87a', percentage: 60},
          {color: '#1989fa', percentage: 80},
          {color: '#6f7ad3', percentage: 100}
        ]
    }
  },
  components: {
    pro
  }
}
</script>

<style>
.about {
  user-select: none;
}
</style>
